import { defineComponent, computed, getCurrentInstance, ref, resolveDirective, mergeProps, unref, createVNode, resolveDynamicComponent, useSSRContext, reactive, onBeforeUnmount, onMounted, withCtx, openBlock, createBlock, createCommentVNode, withDirectives, createTextVNode, toDisplayString } from "vue";
import { ssrRenderAttrs, ssrGetDirectiveProps, ssrInterpolate, ssrRenderList, ssrRenderVNode, ssrRenderClass, ssrRenderAttr, ssrRenderComponent, ssrRenderStyle } from "vue/server-renderer";
import { _ as _export_sfc, I as IconWrapper, O as OrderIcon, q as cdnUrl, T as transformUTCToLocal, j as useTrack, a2 as ticketDetailRoute, l as useNativeInfoStore, a3 as uctTime, a4 as getLocalUtcDate, A as AppLayout, H as HelpCenterHeader, C as CircleLoadingIcon, E as renderComponent, M as MessageDialog, a5 as postSolvedCaseApi, a6 as replyTicketRoute, a7 as getCaseReplyDetailsApi, a0 as exitAppWebPage } from "../entry-server.js";
import { T as TicketTip } from "./TicketTip-75d79143.js";
import { useRoute, useRouter } from "vue-router";
import { _ as _sfc_main$3 } from "./PinchScrollZoomModal-9cbc65ce.js";
import { useI18n } from "vue-i18n";
import { S as StarFillIcon, a as StarIcon } from "./StarFillIcon-1dc312f8.js";
import "./index-59bd15f9.js";
import "./SelectedFillIcon-f745105e.js";
import { C as CustomerServiceIcon } from "./CustomerServiceIcon-20eb4cc1.js";
import { u as useDocumentTitle } from "./index-17d7ee25.js";
import "path";
import "lodash-es";
import "pinia";
import "dayjs";
import "dayjs/plugin/utc.js";
import "qs";
import "axios";
import "big.js/big.mjs";
import "@vueuse/core";
import "uuid";
import "url";
import "fs/promises";
import "viewerjs";
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
  __name: "ServiceEvaluate",
  __ssrInlineRender: true,
  props: {
    caseId: {}
  },
  emits: ["submit:success"],
  setup(__props, { emit: emits }) {
    const route = useRoute();
    const trackPageName = computed(() => {
      var _a;
      const name = ((_a = route.meta) == null ? void 0 : _a.trackPageName) || "";
      return name ? name + "_" : "";
    });
    getCurrentInstance();
    const { t } = useI18n();
    const score = ref(0);
    const selectedTags = ref([]);
    const comment = ref("");
    const tags = computed(() => {
      const starTags = [
        [
          t("account.help.Slow_reply"),
          t("account.help.Unprofessional_support"),
          t("account.help.Cant_cancel_order"),
          t("account.help.Cant_change_address"),
          t("account.help.Long_shipping"),
          t("account.help.Quality_issue"),
          t("account.help.Size_issue")
        ],
        [
          t("account.help.Slow_reply"),
          t("account.help.Unprofessional_support"),
          t("account.help.Cant_cancel_order"),
          t("account.help.Cant_change_address"),
          t("account.help.Long_shipping"),
          t("account.help.Quality_issue"),
          t("account.help.Size_issue")
        ],
        [t("account.help.Great_attitude"), t("account.help.Faster_reply"), t("account.help.Language_barriers"), t("account.help.Timely_refund")],
        [t("account.help.Easy_return_refund"), t("account.help.Timely_arrival"), t("account.help.Good_quality"), t("account.help.Accurate_size")],
        [
          t("account.help.Fast_response"),
          t("account.help.Very_professional"),
          t("account.help.Fast_return_refund"),
          t("account.help.Fast_delivery"),
          t("account.help.Great_quality"),
          t("account.help.Accurate_size")
        ]
      ];
      return starTags[score.value - 1] || [];
    });
    function setScore(val) {
      if (score.value <= 3 && val > 3) {
        selectedTags.value = [];
      } else if (score.value > 3 && val <= 3) {
        selectedTags.value = [];
      }
      score.value = val;
    }
    return (_ctx, _push, _parent, _attrs) => {
      const _directive_track = resolveDirective("track");
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "service-evaluate" }, _attrs, ssrGetDirectiveProps(_ctx, _directive_track, { pId: trackPageName.value + "service_evaluate_show", eventName: "service_evaluate_show" }, void 0, { exposure: true })))} data-v-c4a5b915><p class="content2" data-v-c4a5b915>${ssrInterpolate(unref(t)("account.help.How_would_you_rate_this_service"))}</p><div class="score-stars" data-v-c4a5b915><!--[-->`);
      ssrRenderList(5, (index) => {
        _push(`<button${ssrRenderAttrs(mergeProps({ key: index }, ssrGetDirectiveProps(_ctx, _directive_track, { pId: trackPageName.value + "rate_score", eventName: "rate_score" }, void 0, {
          click: true,
          exposure: true
        })))} data-v-c4a5b915>`);
        ssrRenderVNode(_push, createVNode(resolveDynamicComponent(index <= score.value ? unref(StarFillIcon) : unref(StarIcon)), {
          width: 28,
          color: "var(--pat-orange)",
          onClick: ($event) => setScore(index)
        }, null), _parent);
        _push(`</button>`);
      });
      _push(`<!--]--></div><div class="evaluate-tags" data-v-c4a5b915><!--[-->`);
      ssrRenderList(tags.value, (tag, index) => {
        _push(`<button class="${ssrRenderClass([{ "tag-selected": selectedTags.value.includes(tag) }, "content3 evaluate-tag"])}" data-v-c4a5b915>${ssrInterpolate(tag)}</button>`);
      });
      _push(`<!--]--></div><label for="evaluate-comment" class="evaluate-comment" data-v-c4a5b915><textarea id="evaluate-comment" class="content3" rows="6" maxlength="200"${ssrRenderAttr("placeholder", unref(t)("account.help.Leave_a_comment"))} data-v-c4a5b915>${ssrInterpolate(comment.value)}</textarea><span class="comment-limit content4" data-v-c4a5b915>${ssrInterpolate(comment.value.length)}/200</span></label><button${ssrRenderAttrs(mergeProps({
        disabled: score.value === 0,
        class: [{ disabled: score.value === 0 }, "evaluate-submit-btn"]
      }, ssrGetDirectiveProps(_ctx, _directive_track, { pId: trackPageName.value + "rate_submit", eventName: "rate_submit" }, void 0, {
        click: true,
        exposure: true
      })))} data-v-c4a5b915>${ssrInterpolate(unref(t)("common.submit"))}</button></div>`);
    };
  }
});
const ServiceEvaluate_vue_vue_type_style_index_0_scoped_c4a5b915_lang = "";
const _sfc_setup$2 = _sfc_main$2.setup;
_sfc_main$2.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/views/helpCenter/components/ServiceEvaluate.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
const ServiceEvaluate = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c4a5b915"]]);
const DoubtIcon = IconWrapper((props) => createVNode("svg", mergeProps(props, {
  "class": {
    "svg-color-fill": Boolean(props.fill)
  },
  "style": {
    "--fill-color": props.fill
  },
  "xmlns": "http://www.w3.org/2000/svg",
  "fill": "none",
  "viewBox": "0 0 28 28"
}), [createVNode("path", {
  "fill": "#444",
  "d": "M14 4.5a9.5 9.5 0 1 1 0 19 9.5 9.5 0 0 1 0-19ZM14 6a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 11.91a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm.018-9.16c2.096 0 3.483 1.258 3.32 3.243-.088 1.07-.548 1.702-1.388 2.23l-.322.19-.18.1c-.197.111-.306.182-.383.25a1.51 1.51 0 0 0-.136.134.68.68 0 0 0-.18.415l-.017.178-.01.232-.003.65a.75.75 0 0 1-1.493.103l-.007-.102v-.407l.009-.41c.031-.817.157-1.177.576-1.651a2.987 2.987 0 0 1 .75-.607l.471-.268c.564-.327.77-.584.818-1.16.086-1.043-.55-1.62-1.825-1.62-.94 0-1.596.659-1.662 1.534l-.006.148a.75.75 0 0 1-1.5 0c0-1.75 1.318-3.182 3.168-3.182Z",
  "data-follow-fill": "#444"
}, null)]));
const SuccessIcon = IconWrapper((props) => createVNode("svg", mergeProps(props, {
  "class": {
    "svg-color-fill": Boolean(props.fill)
  },
  "style": {
    "--fill-color": props.fill
  },
  "xmlns": "http://www.w3.org/2000/svg",
  "fill": "none",
  "viewBox": "0 0 28 28"
}), [createVNode("path", {
  "fill": "#444",
  "d": "M14 4.5a9.5 9.5 0 1 1 0 19 9.5 9.5 0 0 1 0-19ZM14 6a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm4.446 5.147.084.073a.75.75 0 0 1 .073.976l-.073.084-5.046 5.046a.75.75 0 0 1-.976.073l-.084-.073-2.954-2.954a.75.75 0 0 1 .976-1.133l.084.073 2.424 2.423 4.516-4.515a.75.75 0 0 1 .976-.073Z",
  "data-follow-fill": "#444"
}, null)]));
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "TicketProgress",
  __ssrInlineRender: true,
  props: {
    list: { default: () => [] },
    resolveAt: {}
  },
  setup(__props) {
    const props = __props;
    const imageAttachments = (listItem) => {
      return listItem.attachments.filter((item) => {
        return /\.gif|jpe?g|png|webp$/.test(item.url);
      });
    };
    const replyContent = (listItem) => {
      const content = listItem.is_first === 1 ? listItem.customer_question.question : listItem.content;
      if (content) {
        const domParser = new DOMParser();
        const doc = domParser.parseFromString(content, "text/html");
        const elements = [...doc.body.querySelectorAll("*")];
        elements.forEach((el) => {
          el.tagName === "SCRIPT" && doc.body.removeChild(el);
          el.tagName === "IMG" && el.classList.add("preview-img");
        });
        return doc.body.innerHTML;
      }
      return content;
    };
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "ticket-progress-list" }, _attrs))} data-v-302bca3b><!--[-->`);
      ssrRenderList(props.list, (listItem) => {
        _push(`<div class="ticket-progress-item" data-v-302bca3b><div class="icon" data-v-302bca3b>`);
        if (listItem.is_first === 1) {
          _push(ssrRenderComponent(unref(OrderIcon), {
            width: 28,
            height: 28
          }, null, _parent));
        } else {
          _push(`<!--[-->`);
          if (listItem.send_type === 1) {
            _push(ssrRenderComponent(unref(CustomerServiceIcon), {
              width: 28,
              height: 28
            }, null, _parent));
          } else {
            _push(`<!---->`);
          }
          if (listItem.send_type !== 1) {
            _push(ssrRenderComponent(unref(DoubtIcon), {
              width: 28,
              height: 28
            }, null, _parent));
          } else {
            _push(`<!---->`);
          }
          _push(`<!--]-->`);
        }
        _push(`</div><div class="reply-content content2" data-v-302bca3b>${replyContent(listItem)}</div>`);
        if (imageAttachments(listItem).length) {
          _push(`<div class="attachment-preview" data-v-302bca3b><!--[-->`);
          ssrRenderList(imageAttachments(listItem), (img, index) => {
            _push(`<div class="img-wrap" data-v-302bca3b><img class="preview-img"${ssrRenderAttr("src", unref(cdnUrl)({ url: img.url }))} alt="" data-v-302bca3b></div>`);
          });
          _push(`<!--]--></div>`);
        } else {
          _push(`<!---->`);
        }
        _push(`<p class="content3 create-time" data-v-302bca3b>${ssrInterpolate(unref(transformUTCToLocal)(listItem.created_at))}</p></div>`);
      });
      _push(`<!--]-->`);
      if (props.resolveAt) {
        _push(`<div class="ticket-progress-item" data-v-302bca3b><div class="icon" data-v-302bca3b>`);
        _push(ssrRenderComponent(unref(SuccessIcon), {
          width: 28,
          height: 28,
          color: "var(--pat-green)"
        }, null, _parent));
        _push(`</div><div class="reply-content content2" data-v-302bca3b>${ssrInterpolate("Solved")}</div><p class="content3 create-time" data-v-302bca3b>${ssrInterpolate(unref(transformUTCToLocal)(props.resolveAt))}</p></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
    };
  }
});
const TicketProgress_vue_vue_type_style_index_0_scoped_302bca3b_lang = "";
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/views/helpCenter/components/TicketProgress.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const TicketProgress = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-302bca3b"]]);
const __default__ = defineComponent({
  name: "TicketDetail",
  components: { HelpCenterHeader, TicketTip, CircleLoadingIcon, ServiceEvaluate, TicketProgress, AppLayout }
});
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  __ssrInlineRender: true,
  setup(__props) {
    useTrack();
    const trackPageName = computed(() => {
      var _a;
      const name = ((_a = ticketDetailRoute.meta) == null ? void 0 : _a.trackPageName) || "";
      return name ? name + "_" : "";
    });
    const { appContext } = getCurrentInstance();
    const route = useRoute();
    const router = useRouter();
    const i18n = useI18n();
    const nativeInfo = useNativeInfoStore();
    const t = i18n.t;
    const caseId = computed(() => route.query.case_id);
    const replyRecords = ref({});
    const replyProgressContentRef = ref();
    const scrollContentRef = ref();
    const dialogInstance = ref(false);
    const unSolved = ref(false);
    const isShowServiceEvaluate = computed(() => {
      var _a, _b, _c, _d;
      const detail = replyRecords.value;
      if (Object.keys(detail).length === 0) {
        return false;
      }
      if (detail.is_scored === 1) {
        return false;
      }
      const resolveTime = detail.resolve_at || "";
      const oneDay = 24 * 60 * 60 * 100;
      const resolveTimeStamp = uctTime(resolveTime);
      const nowTimeStamp = uctTime(getLocalUtcDate());
      const isSolvedCase = [4, 5].includes(detail.case_status);
      const isOvertime = resolveTime ? nowTimeStamp - resolveTimeStamp >= oneDay : false;
      const caseCreateAt = (_b = (_a = detail.case_reply_hcs) == null ? void 0 : _a[0]) == null ? void 0 : _b.created_at;
      const isCreatedIn24hour = caseCreateAt ? nowTimeStamp - uctTime(caseCreateAt) <= oneDay : false;
      const csReplied = (detail.case_reply_hcs || []).some((item) => item.send_type === 1);
      const isUserClosed = detail.resolve_by === ((_d = (_c = detail.case_reply_hcs) == null ? void 0 : _c[0]) == null ? void 0 : _d.sender_account);
      if (isSolvedCase) {
        if (isOvertime) {
          return false;
        } else {
          if (isCreatedIn24hour && isUserClosed && !csReplied) {
            return false;
          }
          return true;
        }
      }
      return false;
    });
    const state = reactive({
      loading: false,
      timer: 0
    });
    function onSolved() {
      const { destroy } = renderComponent({
        component: MessageDialog,
        props: {
          onCancel: () => destroy(),
          onOk: () => {
            return postSolvedCaseApi({ case_id: Number(caseId.value) }).then(() => {
              onUpdateCaseReplyDetails();
              destroy();
            });
          },
          cancelText: t("account.help.No"),
          okText: t("account.help.Yes"),
          content: t("account.help.mark_this_case_as_resolved")
        },
        appContext
      });
    }
    function onReply() {
      router.push({ name: replyTicketRoute.name, params: { lang: i18n.locale.value, caseId: caseId.value } });
    }
    function bindPreviewEvent() {
      const images = [...replyProgressContentRef.value.querySelectorAll("img")];
      images.forEach((img) => {
        img.onclick = () => {
          const src = img.getAttribute("src");
          imagePinchScrollZommeModal(src);
        };
      });
    }
    function imagePinchScrollZommeModal(src) {
      if (!src)
        return;
      const { destroy } = renderComponent({
        component: _sfc_main$3,
        props: {
          imgSrc: src,
          onHide: () => destroy()
        },
        appContext
      });
    }
    function errorMessageDialog(err) {
      if (dialogInstance.value)
        return;
      dialogInstance.value = true;
      const { destroy } = renderComponent({
        component: MessageDialog,
        appContext,
        props: {
          content: err.message,
          showCancelButton: false,
          okText: "Close",
          onClick: () => destroy(),
          onOk: () => {
            return Promise.resolve().then(() => {
              destroy();
              dialogInstance.value = false;
              if (nativeInfo.isFromApp) {
                exitAppWebPage();
              }
            });
          }
        }
      });
    }
    function onUpdateCaseReplyDetails(done) {
      if (!done) {
        state.loading = true;
      }
      return getCaseReplyDetailsApi({ case_id: caseId.value }).then((data) => {
        const { records = {} } = data || {};
        replyRecords.value = records;
        unSolved.value = !Boolean(replyRecords.value.resolve_at);
        if ([4, 5].includes(records.case_status)) {
          clearTimeout(state.timer);
        }
      }).catch((err) => {
        errorMessageDialog(err);
        return Promise.reject(err);
      }).finally(() => {
        state.loading = false;
        done && done();
        bindPreviewEvent();
      });
    }
    function keepDetailUpdate() {
      const isSolvedCase = [4, 5].includes(replyRecords.value.case_status);
      clearTimeout(state.timer);
      if (!isSolvedCase) {
        state.timer = window.setTimeout(() => {
          onUpdateCaseReplyDetails(() => {
          });
          keepDetailUpdate();
        }, 5e3);
      }
    }
    function scrollToBottom() {
      if (replyProgressContentRef.value && scrollContentRef.value) {
        const contentHeight = scrollContentRef.value.offsetHeight;
        const containerHeight = replyProgressContentRef.value.offsetHeight;
        replyProgressContentRef.value.scrollTop = contentHeight - containerHeight;
      }
    }
    onBeforeUnmount(() => {
      clearTimeout(state.timer);
    });
    useDocumentTitle(t("account.help.Ticket_Details"));
    onMounted(() => {
      onUpdateCaseReplyDetails().finally(() => {
        setTimeout(() => scrollToBottom(), 16);
      });
      keepDetailUpdate();
    });
    return (_ctx, _push, _parent, _attrs) => {
      const _directive_track = resolveDirective("track");
      _push(ssrRenderComponent(AppLayout, mergeProps({
        class: "ticket-detail",
        "clear-safe-top-area": unref(nativeInfo).isFromApp
      }, _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            if (!unref(nativeInfo).isFromApp) {
              _push2(ssrRenderComponent(HelpCenterHeader, {
                "left-btn-event-name": trackPageName.value + "back",
                title: unref(t)("account.help.Ticket_Details")
              }, null, _parent2, _scopeId));
            } else {
              _push2(`<!---->`);
            }
            _push2(ssrRenderComponent(TicketTip, null, null, _parent2, _scopeId));
            _push2(`<div id="pull-refresh-container" class="case-reply-progress" data-v-7d11219d${_scopeId}><div class="scroll-content" data-v-7d11219d${_scopeId}>`);
            if (state.loading) {
              _push2(ssrRenderComponent(unref(CircleLoadingIcon), {
                class: "loading-icon",
                width: 50,
                height: 50,
                style: { "left": "calc(50% - 25px)" }
              }, null, _parent2, _scopeId));
            } else {
              _push2(`<!---->`);
            }
            _push2(ssrRenderComponent(TicketProgress, {
              "resolve-at": replyRecords.value.resolve_at,
              list: replyRecords.value.case_reply_hcs
            }, null, _parent2, _scopeId));
            if (isShowServiceEvaluate.value) {
              _push2(ssrRenderComponent(ServiceEvaluate, {
                "case-id": caseId.value,
                "onSubmit:success": onUpdateCaseReplyDetails
              }, null, _parent2, _scopeId));
            } else {
              _push2(`<!---->`);
            }
            _push2(`</div></div>`);
            if (unSolved.value) {
              _push2(`<div class="btns" style="${ssrRenderStyle({ paddingBottom: `${unref(nativeInfo).iphoneBottomSafeHeight || 16}px` })}" data-v-7d11219d${_scopeId}><button${ssrRenderAttrs(mergeProps({ class: "content2" }, ssrGetDirectiveProps(_ctx, _directive_track, { pId: trackPageName.value + "solved_button", eventName: "solved_button" }, void 0, {
                click: true,
                exposure: true
              })))} data-v-7d11219d${_scopeId}>${ssrInterpolate(unref(t)("account.help.Solved"))}</button><button${ssrRenderAttrs(mergeProps({ class: "content2" }, ssrGetDirectiveProps(_ctx, _directive_track, { pId: trackPageName.value + "reply_button", eventName: "reply_button" }, void 0, {
                click: true,
                exposure: true
              })))} data-v-7d11219d${_scopeId}>${ssrInterpolate(unref(t)("account.help.Reply"))}</button></div>`);
            } else {
              _push2(`<!---->`);
            }
          } else {
            return [
              !unref(nativeInfo).isFromApp ? (openBlock(), createBlock(HelpCenterHeader, {
                key: 0,
                "left-btn-event-name": trackPageName.value + "back",
                title: unref(t)("account.help.Ticket_Details")
              }, null, 8, ["left-btn-event-name", "title"])) : createCommentVNode("", true),
              createVNode(TicketTip),
              createVNode("div", {
                id: "pull-refresh-container",
                ref_key: "replyProgressContentRef",
                ref: replyProgressContentRef,
                class: "case-reply-progress"
              }, [
                createVNode("div", {
                  ref_key: "scrollContentRef",
                  ref: scrollContentRef,
                  class: "scroll-content"
                }, [
                  state.loading ? (openBlock(), createBlock(unref(CircleLoadingIcon), {
                    key: 0,
                    class: "loading-icon",
                    width: 50,
                    height: 50,
                    style: { "left": "calc(50% - 25px)" }
                  })) : createCommentVNode("", true),
                  createVNode(TicketProgress, {
                    "resolve-at": replyRecords.value.resolve_at,
                    list: replyRecords.value.case_reply_hcs
                  }, null, 8, ["resolve-at", "list"]),
                  isShowServiceEvaluate.value ? (openBlock(), createBlock(ServiceEvaluate, {
                    key: 1,
                    "case-id": caseId.value,
                    "onSubmit:success": onUpdateCaseReplyDetails
                  }, null, 8, ["case-id"])) : createCommentVNode("", true)
                ], 512)
              ], 512),
              unSolved.value ? (openBlock(), createBlock("div", {
                key: 1,
                class: "btns",
                style: { paddingBottom: `${unref(nativeInfo).iphoneBottomSafeHeight || 16}px` }
              }, [
                withDirectives((openBlock(), createBlock("button", {
                  class: "content2",
                  onClick: onSolved
                }, [
                  createTextVNode(toDisplayString(unref(t)("account.help.Solved")), 1)
                ])), [
                  [
                    _directive_track,
                    { pId: trackPageName.value + "solved_button", eventName: "solved_button" },
                    void 0,
                    {
                      click: true,
                      exposure: true
                    }
                  ]
                ]),
                withDirectives((openBlock(), createBlock("button", {
                  class: "content2",
                  onClick: onReply
                }, [
                  createTextVNode(toDisplayString(unref(t)("account.help.Reply")), 1)
                ])), [
                  [
                    _directive_track,
                    { pId: trackPageName.value + "reply_button", eventName: "reply_button" },
                    void 0,
                    {
                      click: true,
                      exposure: true
                    }
                  ]
                ])
              ], 4)) : createCommentVNode("", true)
            ];
          }
        }),
        _: 1
      }, _parent));
    };
  }
});
const TicketDetail_vue_vue_type_style_index_0_scoped_7d11219d_lang = "";
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/views/helpCenter/TicketDetail.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const TicketDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7d11219d"]]);
export {
  TicketDetail as default
};
